<div class="jumbotron">
    <h3>Create event</h3>

    <div class="create-event-form">
        <strong>Event Url:</strong> <input ng-model="event.url" style="width:700px;"><br>

        <div class="row">
            <div class="col-md-offset-2 col-md-2">
                <strong>Visualisation </strong>:
            </div>
            <div class="col-md-3">
                <table>
                    <tr>
                        <td>
                            <input type="radio" ng-model="event.visualisation" value="ALGORITHM_RACE">

                        </td>
                        <td>
                            Race
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="radio" ng-model="event.visualisation" value="ALGORITHM_BARS">

                        </td>
                        <td>
                            Bars
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="radio" ng-model="event.visualisation" value="ALGORITHM_NUMBERS">

                        </td>
                        <td>
                            Numbers
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="radio" ng-model="event.visualisation" value="ALGORITHM_ROULETTE">

                        </td>
                        <td>
                            Roulette
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="radio" ng-model="event.visualisation" value="ALGORITHM_TOURNAMENT">

                        </td>
                        <td>
                            Tournament
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="row">
            <div class="col-md-offset-2 col-md-4">
                <strong>Number of winners:</strong> <input ng-model="event.winnersNumber" width="30px">
            </div>
        </div>
    </div>
    <div>
        <button class="btn btn-primary" ng-click="createEvent()">Create</button>
    </div>
    <div>
        <strong>Token</strong>: {{eventResponse}}
        <div>
            <button class="btn
            btn-warning" ng-click="fireEvent()">[Debug]Fire Event!
            </button>
        </div>
        <button class="btn btn-success" ui-sref="watch_event({'token':eventResponse})">Watch event</button>
    </div>
</div>

</div>
